<template>
	<view>
		<view class="" style="width: 100%;padding:0 20rpx;">
			<view class="itemBox" v-for="item in walletList" :key="item.id"
				:style="{background:item.flowType==0 ? '#67C23A' : '#E6A23C' }">
				<view class="" style="width: 100%;height: 10rpx;"></view>
				<view class=""
					style="width: 100%;height: 60rpx;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 20rpx;color: #ffffff;font-size: 30rpx">
					<view class="">{{item.createTime}}</view>
					<view class="">{{item.flowType==0 ? '结算' : '打款' }}</view>
				</view>
				<view class="" style="padding: 0 20rpx;display: flex;flex-direction: row;align-items: center;color: #ffffff;">金额：<text style="font-size: 40rpx;">￥{{item.remitAmount}}</text> </view>
				<view class="" style="padding: 0 20rpx;display: flex;flex-direction: row;align-items: center;color: #ffffff;margin:20rpx 0">备注：<text style="">{{item.remark ? item.remark : '无' }}</text> </view>
				<view class="" style="width: 100%;height: 20rpx;"></view>
			</view>
		</view>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataForm: {
					// pageNumber: 1,
					// pageSize: 20,
				},
				walletList: []
			}
		},
		onShow() {
			this.getPage()
		},
		methods: {
			getPage() {
				this.$u.get('sites/sites/wallet/flow/page', this.dataForm).then(res => {
					console.log("我是钱包流水");
					console.log(res)
					this.walletList = res.list
					console.log(this.userInfo);
					// this.mobile = this.userInfo.phone

				}).catch(() => {
					this.$refs.uToast.show({
						title: "请求失败",
						type: 'error',
					})
				})
			}
		}
	}
</script>

<style>
.itemBox{
	width: 100%;border-radius: 20rpx;margin-top:20rpx;
}
</style>